<template>
  <div class="about">
    <h1>This is an AboutUs page</h1>
    <span>test: {{ test }}</span>
    <p>
      <router-link to="/error">toError</router-link>
    </p>
    <p>
      <router-link :to="{ name: 'AboutUs-Me' }">to about-me</router-link>
    </p>
    <p>
      <router-link
        :to="{
          name: 'AboutUs-_id',
          params: {
            id: 'id_' + Date.now() + 'kkkk'
          }
        }"
      >
        to AboutUs/id
      </router-link>
    </p>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: 'About',
  data() {
    return {
      test: ''
    };
  },
  mounted() {
    this.test = '123';
  }
};
</script>
